{% extends 'home/public/index.html' %}


{% block title %}
<title>手机-魅族商城</title>
{% endblock %}

{% block css %}
<link rel="stylesheet" type="text/css" href="/static/home/css/list.css">
<link rel="stylesheet" type="text/css" href="/static/home/css/list-app.css">
{% endblock %}


{% block con %}
<!-- 导航 E-->
<!-- 主内容区域 -->
<div class="mainlist app-list">
    <div class="container">
        <!-- 面包屑 导航 -->
        <div class="ml-nav hidden-xs hidden-sm">
            <ol class="breadcrumb">
                <li>
                    <a href="/">首页</a></li>
                <li>
                    <a href="{% url 'myhome_goodslist' info.id %}">{{ info.name }}</a></li>
            </ol>
        </div>
        <!-- 面包屑 导航 E-->
        <!-- 分类列表 -->
        <div class="selector hidden-xs hidden-sm">
            <div class="sl-category">
                <div class="sl-line-wrap clearfix">
                    <div class="mod-key">分类：</div>
                    <div class="mod-value">
                        <div class="mod-value-list">
                            <ul>
                                <li class="">
                                    <a href="{% url 'myhome_goodslist' info.id %}" title="全部">全部</a>
                                </li>
                                {% for i in info.erlist %}
                                <li class="">
                                    <a href="{% url 'myhome_goodslist' i.id %}" {% if lei.id == i.id %} style="color: #00c3f5" {% endif %} >{{ i.name }}</a>
                                </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        <!-- 分类列表 E -->
        <!-- 分类导航 -->
        <div class="filter clearfix hidden-xs hidden-sm" style="display:block">
            <div class="filter-order">
                <a class="active" data-tag="0" data-mtype="store_list_sx_1" href="javascript:void(0);">推荐</a>
                <a data-tag="1" data-mtype="store_list_sx_2" href="javascript:void(0);">新品</a>
                <a data-tag="2" data-mtype="store_list_sx_3" href="javascript:void(0);">价格
                    <i class="icon-arrow-down"></i></a>
            </div>
            <div class="filter-condition">
                <label class="bs-checkbox" data-mtype="store_list_sx_xz">
                    <i>
                    </i>仅显示有货商品</label>
            </div>
        </div>
 
        <!-- 移动端结构 E-->
        <!-- 分类导航 E -->
        <!-- 商品列表 -->
        <div class="goods-list">
            <div class="row">                
            {% for x in info.goodslist %}
                <!-- 第一个商品 -->
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <div class="gl-item">
                        <!-- 对比功能 -->
                        <div class="compare-btn-list">
                            <i class="iconfont  icon-duibi compare-duibi"></i>
                            <span class="hidden-xs hidden-sm">对比</span>
                        </div>
                        <div class="gl-item-wrap">
                            <!-- 商品图 -->
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active mod-pic" id="list-p1">
                                    <a href="{% url 'myhome_onegoods' x.id %}">
                                        <img class="lazy j-modProduct" src="{{ x.pic }}" width="220" height="220">
                                    </a>
                                </div>                                
                            </div>

                            <div class="slide-btn j-modBtns" style="display: none;">
                                <span class="prev iconfont disabled"></span>
                                <span class="next iconfont"></span>
                            </div>
                            <!-- 商品名 -->
                            <h2>{{ x.title }}</h2>
                            <!-- 价格 -->
                            <dd class="mod-price">
                                <span>￥</span>
                                <span class="vm-price">{{ x.price }}</span>
                                <span class="vm-start">起</span></dd>
                        </div>
                    </div>
                </div>
            {% endfor %}
            </div>
        </div>

        <!-- 推荐商品 E -->
        </div>
</div>
{% endblock %}

{% block script %}
<script type="text/javascript">
        //顶部导航鼠标经过出现内容
        topNav();
        //登录图片鼠标经过
        topLogin();
        //鼠标经过出现
        comPro();
        //回顶部
        backTop();
        //移动端置顶
        appTopNav();
</script>
{% endblock %}}










